<template>
  <CloudTimeLine mode="alternate">
    <CloudTimeLineItem>Create a services site 2015-09-01</CloudTimeLineItem>
    <CloudTimeLineItem color="green">
      Solve initial network problems 2015-09-01
    </CloudTimeLineItem>
    <CloudTimeLineItem>
      <CloudIcon slot="dot" type="clock-circle-o" style="font-size: 16px;" />
      Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque
      laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto
      beatae vitae dicta sunt explicabo.
    </CloudTimeLineItem>
    <CloudTimeLineItem color="red">
      Network problems being solved 2015-09-01
    </CloudTimeLineItem>
    <CloudTimeLineItem>Create a services site 2015-09-01</CloudTimeLineItem>
    <CloudTimeLineItem>
      <CloudIcon slot="dot" type="clock-circle-o" style="font-size: 16px;" />
      Technical testing 2015-09-01
    </CloudTimeLineItem>
  </CloudTimeLine>
</template>

<script>
export default {
  title: '3.交替展现',
  data() {
    return {}
  },
  methods: {

  }
}
</script>

<style lang="scss">
</style>